<!--
 * @Descripttion:
 * @version:
 * @Author: ZhangXue
 * @Date: 2021-07-12 09:17:30
 * @LastEditors: ZhangXue
 * @LastEditTime: 2021-07-13 14:21:55
-->
<!--组件说明-->
<!--修改文字内容，使用插槽  name为text
必传showflag  Boolean值-->
<template>
  <div class="fd-isEmpty-box">
    <div class="fd-empty-box">
      <span>{{nameText}}</span>
    </div>
  </div>
</template>

<script>
export default {
  name: "emptyBox",
  props: {
    nameText: {
      type: String,
      default: "暂无数据"
    }
  }
};
</script>

<style scoped lang="less">
  .fd-isEmpty-box {
    width: 100%;
    height: 100%;
    position: relative;

    .fd-empty-box {
      width: 273px;
      height: 170px;
      /* background: url("~@/assets/images/index/zwsj-bg.png")  center top no-repeat; */
      background-size: 100% auto;
      padding-top: 135px;
      color: #b9b9b9;
      font-size: 14px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  }
</style>
